@media (max-width: 1600px) {
   /* .about-title {
        padding-top: 70px;
    }*/
}

@media (max-width: 1490px) {
    .navbar,
    .sticky {
        padding: 0px 115px;
    }
}

@media (max-width: 1468px) {

    .navbar {
        padding: 0 50px;
    }
    .header-top {
        padding: 20px 50px;
    }
    .work-title {
        padding-left: 23%;
    }
    .work-item {
        display: flex;
        padding: 30px 35px 0px 23%;
    }
    form .top-input {
        right: 320px;
    }
}


@media (max-width:1340px) {
    header .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0;
    }
}

@media (max-width: 1315px) {

    .navbar {
        padding: 0px;
    }
    .header-top {
        padding: 20px 0px;
    }
    form .top-input {
        right: 270px;
    }
    
}

@media (max-width: 1220px) {
    
    .header-btn .button {
        display: none;
    }

    .about-title br {
        display: none;
    }

    form .top-input {
        right: 110px;
    }
}


@media (max-width:1200px) {
    .about-title {
        padding-left: 65px;
    }
    .journal-item {
        padding: 15px 16px 30px 0px;
    }
		.header .nav-item{padding:7px 8px;}
}



@media (max-width: 1056px) {
    
    .nav-item {
        padding: 12px 13px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0;
        padding-right: 0;
    }
	
/*.ml-auto, .mx-auto{display:none;}*/
}



@media  (max-width: 991px) {

    br {
        display: none;
    }
    .header {
        background: #fff;
    }
    .navbar {
        padding: 0px 30px;
    }
    .navbar-toggler-icon {
        display: block;
      }

      .navbar-toggler {
          border: none;
          padding: 0;
      }
      button:focus {
        outline: none;
       
    }

    .main-nav {
        background-color: #fff;
        position: absolute;
        top: 90px;
        left: 0;
        width: 100%;
        height: auto;
        text-align: left;
        z-index: 999;
        box-shadow: 0px 2px 3px 0px #cfd0d1;
   }
   
   
   .main-nav .nav-link {
       display: block;
       padding: 13px 0px;
   }
    .nav-link {
        width: 100%;
        line-height: 30px;
        border-top: 1px solid #e1e3e6;
   }
   .header .nav-item {
        padding: 0px 19px;
   }
   .dropdown-menu {
      border-top: none;
      border-left: none;
      border-right: none;
   }
   
   .dropdown-item {
       border-top: 1px solid #e1e3e6;
       width: 100%;
       padding: 12px 0px;
   }
   .dropdown-toggle::after {
       position: absolute;
       top: 28px;
       right: 30px;
   }

   form .top-input {
    right: 220px;
}
    .mobile-btn a {
        display: block;
    }
    .header-social {
        margin-left: auto;
    }

    .workink-pic {
        margin-top: 50px;
    }
    .team {
        margin-bottom: 30px;
    }
    .company-content {
        margin-bottom: 30px;
    }
    .order-content {
        padding-right: 15px;
    }
    .search i {
        bottom: 21px;
    }
   
    .product-btn .cart-bttn a {
        margin-top: 30px;
    }
    .work-title {
        padding-top: 0;
        padding-left: 110px;
    }
    .work-item {
        padding-left: 110px;
    }

    .blog-single .recent-content {
        display: block!important;
    }

    .blog-single .recent-discription {
        margin-top: 20px;

    }

    .blog-content a:nth-last-child(1),
    .journal-content a:nth-last-child(1) {
        display: block;
    }

    .blog-content,
    .journal-content {
        display: -webkit-box!important;
    }
 
    .section.company-section {
        padding-top: 50px;
    }
    .contact-inform br {
        display: block;
    }
   
    .recent-content {
        display: block!important;
    }

}


@media  (max-width: 820px) {

    .head-content:nth-of-type(3) {
        display: none;
    }
  
}
@media  (max-width: 767px) {
 .service-one .titles,.service-two .titles{font-size:18px;line-height:18px;margin-bottom:25px}
    .service-two{width:94%;margin:auto;padding:25px 0 60px}
.service-one .link a,.service-two .link a{font-size:13px;line-height:25px;width:30%;margin:0; margin-bottom: 1%;}
.service-one .link,.service-two .link{margin-bottom:10px}
.service-two .links{width:100%;display:table}
.service-two .links a{width:33%;text-align:center;float:left;margin-bottom:20px}
    .banner-title {
        padding-top: 100px;
        padding-left: 0;
    }
    
    
    .contact-section, .journal-section, .products-section{padding:15px 0 ;}
    
    h1 {
        font-size: 60px;
    }
    .support-section {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .support-item {
        padding-top: 50px;
    }
    .team-overlay {
        padding: 20px 0px;
    }
    .footer-social,
    .footer-content {
        text-align: center!important;
    }
    .search i {
        bottom: 0;
    }


    .team-section,
    .order-section,
    .about-section {
        padding-bottom: 60px;
    }
    .work-section {
        padding-bottom: 40px;
    }
    .work-title {
        padding-left: 95px;
    }
    .work-item {
        padding: 30px 35px 0px 95px;
    }
    .footer-section {
        padding-bottom: 40px;
    }
    .about-pic {
        margin-top: 30px;
    }
    .about-section .container-fluid {
        padding-left: 15px;
        padding-right: 15px;

    }
    .support-title {
        padding: 25px 20px 0px 0px;
    }
    .blog-item {
        margin-left: 0;
    }
    .item-section {
        padding-top: 0;
    }
    .pagination {
        padding-bottom: 55px;
        margin-top: 0;
    }
    .news-btn a {
        margin-bottom: 50px;
    }
    .submit-btn {
        margin-bottom: 15px;
    }

    .feature-section {
        padding-top: 60px;
        padding-bottom: 0;
    }

    .about-testimonial-section {
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .team-page-section {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .product-section .pagination {
        padding-bottom: 60px;
    }
    .product-section .pagination {
        padding-bottom: 0;
    }

    .product-section {
        padding-bottom: 60px;
    }
    .product-btn .cart-bttn a {
        margin-bottom: 30px;
    }
    .product-section .search-bar {
        margin-top: 40px;
    }
    .contact-page-section {
        padding-top: 50px;
    }

    .about-title {
        padding-top: 50px;
    }
    section.contact-page-section {
        margin-bottom: 30px;
    }
    .single-btn .cart-bttn a {
        margin-bottom: 20px;
    }

    .product-section .nav-item {
        padding: 0;
    }
    
    form .top-input {
        top: 90px;
        right: 0;
        width: 100%;
    }
}


@media (max-width: 575px) {
  

    h1 {
        font-size: 40px;
    }

    .product-related h3,
    .feature-title h2 span,
    .journal-title h2 span,
    .testimonial-title h2 span,
    .branch-title h2 span,
    .team-title h2 span,
    .products-title h2 span,
    h2 {
        font-size: 24px;
    }

    h4 {
        font-size: 22px;
    }
    
    .owl-carousel .owl-nav button.owl-prev {
        left: -12px;
    }
    .owl-carousel .owl-nav button.owl-next {
        right: -12px;
    }
    .team-pic:hover .team-overlay {
        top: 81%;
    }
    .team-overlay {
        padding: 40px;
    }
    .about-section .about-title {
        margin-top: 0;
        padding-left: 0;
    }
   
    .about-item {
        padding: 30px 35px 0px 5px;
    }
    .page-title h2 {
        font-size: 40px;
    }
    .work-title {
        padding-left: 0;
    }
    .work-item {
        padding-left: 0;
    }
    .about-section .container-fluid {
        padding-left: 15px;
    }
    .work-section .container-fluid {
        padding-right: 15px;
    }
   
    .slider.owl-carousel .owl-nav button.owl-prev {
        left: 0;
    }

    .client-section {
        padding: 60px 0px;
    }

    section.client-section-2 {
        padding-bottom: 70px;
    }

    .testimonial-bg {
        padding: 50px 0px;
    }
    .testimonial-title {
        padding-bottom: 0;
    }
}
@media  (max-width: 480px) {
   
body{font-size: 0.725rem;}
    .head-menu {
        
        text-align: center;
        line-height: 2;
    }
    header .navbar {
        padding: 0px 15px; clear: both;
    }

.h_cname, .about-item, .about-title .span, .foot_link{display: none;}
.foot_small{width: 49%; }


    h5 {
        font-size: 18px;
    }

    .client-logo img {
        margin: auto;
    }
    .team-pic:hover .team-overlay {
        top: 77%;
    }
    .team-overlay {
        padding: 20px 0px;
    }

    .mobile-btn.bttn a {
       display: none;
    }

    .change-btn .next-post img {
        margin-left: 0;
    }
    .change-btn .next-post img, .change-btn .prev-post img {
        margin-right: 0;
    }

   

    .header-social a {
        margin-right: 20px;
    }
    .head-content a {
        margin-right: 13px;
    }
    
    .order-pic img {
        width: 100%;
    }

   
    .blog-item h4 a {
        font-size: 20px;
    }

    .about-content a,
    .work-content a {
        margin-top: 25px;
    }
   
    .logo img{
        height: 66px;
    }
    .header-social a span {
        right: 15px;
    }
    .shooping-cart {
        width: 260px;
        right: -25px;
    }
    .owner {
        display: block;
    }
    .owner-discription {
        margin-top: 20px;
        margin-left: 0;
    }
    .journal-photo h4 a,
    .blog-single-item h4 a {
        font-size: 19px;
    }
    .comment-content {
        display: block;
    }
    .comment-discrip {
        margin-top: 20px;
        margin-left: 0;
    }

    .company-bg {
        padding-top: 50px;
        padding-bottom: 200px;
    }

    .blog-content,
    .journal-content {
        display: flex!important;
    }
    .product-section .bttn a{
        padding: 15px 25px;
        width: 125px;
    }

    .product-section .price .cart-bttn a{
        padding: 15px 25px;
        width: 147px!important;
    }

    .product-section .single-btn .cart-bttn a{
        padding: 15px 25px;
        width: 180px!important;
    }
}


@media (min-width: 991px) {
    .navbar .nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }


}